@import '../styles/themes/default';

.snake-breadcrumb {
  &-default {
    font-size: 16px;
  }

  &-large {
    font-size: 24px;
  }

  &-small {
    font-size: 12px;
  }
}

.snake-breadcrumb-item-content {
  color: $brand;
  cursor: pointer;

  &:hover {
    color: $brand;
    opacity: 0.8;
  }
}

.snake-breadcrumb-item-active {
  .snake-breadcrumb-item-content {
    color: $textContent;
    cursor: initial;
  }
}

.snake-breadcrumb-separator {
  // cursor: pointer;
  margin: 0 4px;
}
